@charset "utf-8";
/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th,td, { 
 padding: 0;
 margin: 0;}
 
fieldset, img { 
 border: 0;}
 
ol, ul {margin:0;padding:0;list-style: none;}
li{list-style: none;} 
p{ margin: 0px;padding: 0px;}
a{text-decoration:none;outline:none;color:black;} 
textarea{resize:none;}
textarea:focus{ outline:none;}
input{resize:none;}
input:focus{outline:none;}


.clear{ clear:both;}
.clr{ clear:both;height:0; line-height:0; font-size:0; overflow:hidden;}




 
body{
    width:100%;
	margin:0 auto;
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto!important;
	margin-bottom: 0px;
	margin-left: auto!important;
	font-family:Arial,"微软雅黑", Helvetica, sans-serif;
	text-decoration: none;
	color:black;
	line-height:25px;
	 position:relative;}
	 
.newspage {
 width:100%; DISPLAY: block; padding:10px 0; TEXT-ALIGN: center; clear:both
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px;  BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #1a5aa4; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND:#1a5aa4; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND:#1a5aa4; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}



/*---------------------------index-----------------------*/
.head{height:128px;}
.head_box{ width:1004px; margin:0 auto;}
.logo{ float:left;}
.head_right{float:left; background:url("../images/head_right_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/head_right_bg_zh.jpg*/ no-repeat scroll center; width:553px; height:128px; }

.menu{ background-color:#005ca9;}
.menu ul{width:1004px; margin:0 auto;}
.menu ul li{ float:left;  line-height:50px; height:50px;}
.menu ul li a{ font-size:14px; color:#fff;  padding:0 21px;}

div.wrapper { width:1423px; margin:1px auto 0 auto; position: relative;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none;}
    .box_skitter ul { display: none;  z-index:-2;}
    .box_skitter .container_skitter { overflow: hidden; position: relative;  }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display:inline;  z-index:-2; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none;  }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left:20px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url("../images/prev.png")/*tpa=http://www.haorantex.com/Html/images/prev.png*/ no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right:20px; z-index: 99999; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url("../images/next.png")/*tpa=http://www.haorantex.com/Html/images/next.png*/ no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url("../images/ajax-loader.gif")/*tpa=http://www.haorantex.com/Html/images/ajax-loader.gif*/ no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1423px; height: 460px; }
    #slideshow ul { display: none; }

.mcor{background:url("../images/mid_logo_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/mid_logo_bg_zh.jpg*/ no-repeat scroll center;  height:199px;}

.mabout{ background-color:#005ca9;}
.mabout_box{background:url("../images/mabout_box_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/mabout_box_bg_zh.jpg*/ no-repeat scroll center; width:1004px; margin:0 auto; height:298px;}
.mabout_content{ padding-left:455px; padding-top:95px; width:530px; color:#fff;}
.mabout_content p{ text-indent:24px;}
.mabout_content a{ color:#fff;}

.mprod{}
.mprod_box{background:url("../images/mprod_box_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/mprod_box_bg_zh.jpg*/ no-repeat scroll center;  height:418px;width:1004px; margin:0 auto;}
.mprod_content{ padding-top:88px;}
.mprod_img{ padding-right:15px; width:179px;}
.mprod_img img{ width:179px; height:112px;}
.mprod_title{ line-height:46px; height:46px; text-align:center;}

.mys{background:url("../images/ys_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/ys_bg_zh.jpg*/ no-repeat scroll center;  height:390px;}

.mo_box{width:1004px; margin:0 auto;position:relative;}
.mo_content{ height:536px; }
.mnews{ position:absolute; left:3px; top:58px; width:501px; height:250px;}
.mnews_list{ height:125px;}
.mnews_list_left{ width:126px;}
.mnews_list_left_num{ font-size:24px; color:#005ca9; text-align:center;}
.mnews_list_left_line{ width:70px; margin:3px auto; height:1px;  background-color:#005ca9;}
.mnews_title{font-size:14px; width:335px; margin:0 auto;}
.mnews_content{ color:#707070;width:335px; margin:0 auto;}
.mcontact{ position:absolute; left:555px; top:70px; width:440px;}
.mcontact ul li{ line-height:33px; color:#707070; padding-left:43px;}
.mcontact ul li a{color:#707070;}
.mcontact_list1{background:url("../images/mc_add_bg.jpg")/*tpa=http://www.haorantex.com/Html/images/mc_add_bg.jpg*/ no-repeat scroll left center;}
.mcontact_list2{background:url("../images/mc_tel_bg.jpg")/*tpa=http://www.haorantex.com/Html/images/mc_tel_bg.jpg*/ no-repeat scroll left center;}
.mcontact_list3{background:url("../images/mc_fax_bg.jpg")/*tpa=http://www.haorantex.com/Html/images/mc_fax_bg.jpg*/ no-repeat scroll left center;}
.mcontact_list4{background:url("../images/mc_mail_bg.jpg")/*tpa=http://www.haorantex.com/Html/images/mc_mail_bg.jpg*/ no-repeat scroll left center;}
.mcontact_list5{background:url("../images/mc_web_bg.jpg")/*tpa=http://www.haorantex.com/Html/images/mc_web_bg.jpg*/ no-repeat scroll left center;}
.mfactory{ position:absolute; left:118px; bottom:42px; width:880px;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.titbox{font-size:18px;color:#3366cc;height:32px;overflow:hidden;width:880px;margin:20px auto;}
.scroll{width:880px;color:#333333;margin:0 auto;overflow:hidden;}
.scroll img{border:solid 1px #ddd;margin:0 5px;}
.scroll a:hover img{border:solid 1px #990000;}

.footer{ background-color:#2c2c2c; line-height:56px; height:56px; text-align:center; color:#fff;}
.footer a{ color:#fff;}

.abanner{background:url("../images/banner5.jpg")/*tpa=http://www.haorantex.com/Html/images/banner5.jpg*/ no-repeat scroll center; height:300px;}

.abox{ background-color:#f3f3f3; padding-top:46px; padding-bottom:30px;}
.abox2{ width:1004px; margin:0 auto;}
.left{ float:left; border:1px solid #878787; background-color:#005ca9; width:222px;}
.left_top{background:url("../images/left_top_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/left_top_bg_zh.jpg*/ no-repeat scroll center; height:115px;}
.left_prod{ margin:0 23px; padding:10px 0; border-bottom:1px solid #fff; padding-left:25px;}
.left_prod_name{ font-size:20px; line-height:30px;}
.left_prod_name a{ color:#fff;}
.left_prod_title a{ color:#d7d6d6;}
.left_contact{ padding:100px 23px; padding-bottom:30px;background:url("../images/lcontact_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/lcontact_bg_zh.jpg*/ no-repeat scroll center top; color:#fff;}
.right{ float:right;border:none; background-color:transparent; padding-top:10px;width:750px;}
.right_top{ margin-top:39px; margin-bottom:25px; margin-left:20px; padding-left:13px; height:54px; position:relative; border-left:3px solid #666666;}
.rt_s1{ position:absolute; left:13px; top:0; display:block; font-size:24px; line-height:24px; color:red;}
.rt_s2{ position:absolute; left:13px; bottom:0; display:block; font-size:30px; line-height:30px; color:#bebebe;}
.right_body{ padding:0 20px; min-height:504px;}
#about{background:url("../images/about_img.jpg")/*tpa=http://www.haorantex.com/Html/images/about_img.jpg*/ no-repeat scroll 530px top; padding-right:266px;}
#about p{ text-indent:24px; padding-bottom:20px;}

.afactory{width:1004px; margin:0 auto;background:url("../images/afacotry_bg_zh.jpg")/*tpa=http://www.haorantex.com/Html/images/afacotry_bg_zh.jpg*/ no-repeat scroll center; height:226px;}
.afactory_box{ padding-left:120px; width:880px; padding-top:32px;}

.proda{ padding:10px 0;}
.proda a{ display:block; width:100px; margin:0 auto; height:30px; line-height:30px; text-align:center; border:1px solid #ccc;}
.proda a:hover{ background-color:#1a5aa4; color:#fff;}

.news_list{position:relative;padding-left:35px; height:30px; line-height:30px; border-bottom:1px dotted #cccccc;background:url("../images/news.gif")/*tpa=http://www.haorantex.com/Html/images/news.gif*/ no-repeat scroll 5px center; }
.news_list span{position:absolute; right:5px;}

.section ul li{float:left;margin:0 13px;display:inline;width:210px;overflow:hidden;position:relative; box-shadow:5px 5px 5px #ccc; margin-bottom:20px;}
.section ul li .photo{width:204px;height:160px;overflow:hidden;padding:3px;}
.section ul li .photo img{ width:204px; height:160px;}
.section .text{overflow:hidden;}
.section .text h3{height:35px;line-height:35px;text-align:center;font-family:"微软雅黑";font-size:12px; margin:0;}

.pro_list ul{}
.pro_list ul li{ float:left;width: 240px;height: 190px;text-align:center;margin-bottom: 60px;}
.pro_list ul li img{ width:202px; border:2px solid #fff;}
.pro_list ul li a.pro_con_aimg{border: 3px solid #ddd;width: 206px;display: block; margin-bottom:12px;}
.pro_list ul li a.pro_list_a{ text-align:center;width: 210px;height: 20px;display: block; color:#555;}
.pro_con{ margin-top:15px;}
.pro_con p{ line-height:24px; font-family:Arial, "微软雅黑"; color:#4d4d4d; width:700px; text-align:left;}
.pro_det_img{ width:500px; height:375px; text-align:center; background:url("../images/pro_det_bg.jpg")/*tpa=http://www.haorantex.com/Html/images/pro_det_bg.jpg*/ no-repeat;margin: 55px auto 0 auto;}
.pro_det_img img{ width: 495px;height: 373px;border: 1px solid #ddd;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

.prod_box{ width:210px; }
.prod_img{}
.prod_img img{ width:204px; height:160px; padding:3px; border:1px dotted #1a5aa4;}
.prod_title{  line-height:30px; text-align:center; }

.honors_box{ width:200px; margin-bottom:20px;}
.honors_img{}
.honors_img img{ width:197px; height:150px;  border:1px solid #1a5aa4;}
.honors_title{  line-height:30px; text-align:center; background-color:#1a5aa4;}
.honors_title a{ color:#fff;}

.fea_box{ width:200px; margin-bottom:30px;}
.fea_img{}
.fea_img img{ width:192px; height:140px; padding:3px;  border:1px solid #1a5aa4;}
.fea_title{  line-height:30px; text-align:center; background-color:#1a5aa4;}
.fea_title a{ color:#fff;}

.contact_list{ background:url("../images/contact_bg.png")/*tpa=http://www.haorantex.com/Html/images/contact_bg.png*/ no-repeat scroll right center;}
.contact_list ul li{ border-bottom:1px dotted #ccc; line-height:30px; padding-left:30px; width:450px; }


/*新加*/
.cp_pubu_lie { 
	width:233px; 
	height:800px; 
	overflow:hidden;
	float:left;
	margin-right:15px;
	background-color:#e8e8e8;
}

.cp_pubu_lie:nth-child(3n) { 
    margin-right:0;
}

.pubu_img_box { 
	width:225px; 
	height:auto;
	overflow:hidden;
	padding:4px; 
	background-color:#fff;
	margin-bottom:10px;
}

.pubu_img_tit { 
	width:225px; 
	height:30px;
	background-color:#fff;
	line-height:30px;
	text-align:center;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}

/**/
.pro_box { 
	width:210px; 
	height:auto; 
	float:left;
	padding:5px; 
	margin-bottom:20px;
}

.gg { 
	width:210px; 
	height:30px;
	text-align:center;
}

/*新写product*/
.cp_box { 
	width:730px; 
	height: auto; 
	padding-bottom:40px; 
}

.cp_title { 
	width:710px; 
	height:30px; 
	background-color:#005ca9; 
	line-height:30px; 
	padding-left:20px;
}

.cp_title p { 
	font-size:14px; 
	color:#fff; 
	font-weight:bold;
}

.chakan { 
	float:right; 
	margin-right:20px;
}

.biaoti { 
    float:left;
}

.cp_title p a { 
    color:#fff;
}

.cp_content { 
    overflow:hidden; 
	padding-top:20px;
}

.pro_box { 
	width:200px; 
	height:214px; 
	padding:3px; 
	border:3px solid #e5e5e5; 
	float:left; 
	margin-right:46px;
}

.pro_box:nth-child(3n) { 
    margin-right:0;
}

.word_box { 
	width:200px; 
	height:30px; 
	text-align:center; 
	margin-top:5px; 
	background-color:#005ca9;
}

.word_box a { 
	font-size:12px; 
	color:#fff; 
	line-height:30px;
}

.pro_box:hover { 
    border:solid 3px #005ca9;
}

.pro_box img:hover { 
    opacity:0.8;
}

/*新增*/
.hezuo_box { 
	width:100%; 
	height: auto; 
	background-color:#fff;
}

.hezuo { 
	width:1004px; 
	height: auto; 
	margin:0 auto; 
	padding:20px 0;
}

.hezuo p { 
	font-size:12px; 
	color:#333; 
	text-indent:2em; 
	line-height:28px; 
}


.left_prod_name a:hover { 
    font-weight:bold;
}

.left_prod_title a:hover { 
    font-weight:bold; 
	color:#fff;
}


.selected{color:#ffdf06 !important; }